var XHR = function(method, ad, params) {
	var xhr = new XMLHttpRequest();
	xhr.onload = params.onload || null;
	xhr.open(method, ad);
	if(method == 'POST') {xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');}
	var variables = params.variables || null
	, str			= '';
	for(var i in variables) {
		 str += i + '=' + encodeURIComponent( variables[i] ) + '&';
		}
	xhr.send( str );
}


//reccup�ration de la liste des parties en cours avec socket io et les afficher dans une liste au niveau de login.xhtml
function init() {
	socket = io.connect();
	socket.on('gamesList', function(data) {
								 var ul = document.getElementById('lesParties');
								 var thumbDiv = document.getElementById('thumb');
								 ul.innerHTML='';
								 thumbDiv.innerHTML='';
								 for(p in data.gamesList) {
								     var nomJeu = data.gamesList[p];
									 var li = document.createElement('li'); 
									 ul.appendChild( li );
									 var a = document.createElement('a');
									a.setAttribute('href', '#');
									a.addEventListener('click', function() {
										if(document.getElementById('login').value == "") {
											alert("Vous devez saisir un login pour rejoindre une partie !")
										} else {
											document.getElementById('idGame').value = nomJeu;
											document.getElementById('nouvellePartie').submit();
											return false;
										}
									});
									 a.appendChild( document.createTextNode(nomJeu) );
									 var div = document.createElement('div');
									thumbDiv.appendChild(div);
									li.appendChild(a);
									(function(div) {
										a.addEventListener('mouseover', function() {
											showThumb(div, true);
										});
										a.addEventListener('mouseout', function() {
											showThumb(div, false);
										});
									})(div);
									}
									
								if(data.gamesList.length == 0) {
									var li = document.createElement('li'); 
									ul.appendChild(li);
									li.appendChild(document.createTextNode('Aucune partie disponible'));
									
								}
								}
			 );
	socket.emit('loginPage');
	document.getElementById('nouvellePartie').addEventListener('submit', function(e) {
		if (document.getElementById('login').value != '' && document.getElementById('idGame').value == '') {
			document.getElementById('champLogin').style.display = 'none';
			document.getElementById('champIdGame').style.display = 'block';
			document.getElementById('idGame').focus();
			e.preventDefault();
			return false;
		} else if (document.getElementById('idGame').value != '') {
			// on envoie !
		} else {
			e.preventDefault();
			return false;
		}
	});
}

